<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>个人中心</title>
        <link rel="stylesheet" href="../../css/p_center/frozen.css">
        <link rel="stylesheet" href="../../icon/iconfont.css">
         <script src="../../js/lib/zeptojs/zepto.min.js"></script>
        <script src="../../js/frozen.js"></script>
        <style>
    
		html,body{
			height:100%;
			width:100%;
			background-color: white;
		}
		.photo{
			 width: 100%;
			 height: 180px;
			
   			 background-position:50% 50%;              /*图片上下左右居中*/  
    		 background-size:100% 100%;                  /*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/  
    		 background-repeat:no-repeat;              /*图像不重复显示*/  
			 background-image:url(../../img/head_bg.png)
		}
		.photo .name{
			    position: relative;
			    top: 60px;
			    /* margin: 0 auto; */
			    text-align: center;
			    color: wheat;
			    font-size: 18px;
		}
		.photo .img{
		
				 width:100px; 
		        height:100px; 
		        border-radius:100px; 
		        display: block;
			    overflow: hidden;
			    background-repeat: no-repeat;
			    -webkit-background-size: cover;
			    -webkit-border-radius: 200px;
			        position: relative;
    			 top:100px;
    			left: 35%;
		}
		
		.box{
		
			    display: box;
			    display: -webkit-box;
			    display: -moz-box;
		}
		.pingfen-h{
			    box-flex: 1;
			    -webkit-box-flex: 1;
		}
		
		.my_interact{
			
				margin-top: 120px;height: 5em;
			    display: -webkit-box;
			    -webkit-box-orient: horizontal;
			  
		}
		.my_interact .item{
			border-left: 1px solid #e0e0e0;
			  -webkit-box-pack: center;
			    -webkit-box-align: center;
		}
		.my_interact .item:FIRST-CHILD {
			border:none;
        }
        
        .hoer{
        	    width:20px;
			    height: 2px;
			  	margin: 0 auto;
			    margin-top: 0.8em;
        }
        .my_interact .item .ui-badge-wrap{
                align-content: center;
    			margin: 0 auto;
    			line-height: 0 !important;
    			height: 32px;
    			line-height: 32px !important;
        }
        
		.ui-list{
			margin-top: 10px;
		}
		
		.ui-list li{
				height: 3.5em;
				-webkit-tap-highlight-color: transparent;  
		}
		.ui-list li:ACTIVE{
			background: #f2f2f2;
			
		}
    </style>
        
    </head>
    
    <body style="width: 100%;height: 100%" ontouchstart="">
  		 
        <section class="ui-container">
        	<div class="photo">
        	  		<div class="name"><span>dfsddsdfs</span></div>
        	  		<a style="position: absolute;left: 5px;top: 0px;color: white;"><span class="ui-icon-return" style="color: white;"> </span></a>
        	  		<div class="img"  style="background-image: url(../../img/head_img.png)" />
        	</div>
	    	
	    	<div    class="box my_interact ">
	    		
			  	<div class="pingfen-h  item">
			  		
			  		<div style="text-align: center;margin-top: 10px;">
			  			<div class="ui-badge-wrap" style="width: 100px;line-height: 50px;">128<div class="ui-badge-cornernum">123</div></div>
			  			<p class="ui-txt-info"><a href="my_activity.html">我的参加</a></p>
			  		
			  		</div>
			  		
			  		<div class="hoer" style="background-color:#50d2c2"></div>
			  	</div>
			    <div class="pingfen-h item">
			  		<div style="text-align: center;margin-top: 10px;">
			  				<div class="ui-badge-wrap" style="width: 100px;line-height: 50px;">128<div class="ui-badge-cornernum">123</div></div>
			  			<p class="ui-txt-info"><a href="myYue.html">我的相邀</a></p>
			  		</div>
			  		<div class="hoer" style="background:#fcab53"></div>
			  	</div>
			    <div class="pingfen-h item">
			  		<div style="text-align: center;margin-top: 10px;">
			  			<div class="ui-badge-wrap" style="width: 100px;line-height: 50px;">128<div class="ui-badge-cornernum">123</div></div>
			  			<p class="ui-txt-info"><a href="myConcern.html">我的关注</a></p>
			  		</div>
			  		<div class="hoer" style="background: #8c88ff"></div>
			    </div>
			   </div>
			    <ul  class="ui-list ui-list-link ui-list-on ui-border-tb">
					    <li class="ui-border-t " data-href="auth.html">
					       
					        <div class="ui-list-info">
					            <h4 class="ui-nowrap">实名认证</h4>
					        </div>
					    </li>
					    <li class="ui-border-t" data-href="person_info.html">
					      
					        <div class="ui-list-info">
					            <h4 class="ui-nowrap">个人资料</h4>
					        </div>
					    </li>
					    <li data-href="my_activity.html" class="ui-border-t">
					     	<div class="ui-list-info">
					            <h4 class="ui-nowrap">我的团队</h4>
					        </div>
					    </li>
					    <li class="ui-border-t" data-href="activity.html">
					        <div class="ui-list-info">
					            <h4 class="ui-nowrap">我的预约</h4>
					        </div>
					    </li>
					    <li class="ui-border-t" data-href="myConcern.html">
					     	<div class="ui-list-info">
					            <h4 class="ui-nowrap">我的关注</h4>
					        </div>
					    </li>
					    
					    <li class="ui-border-t" data-href="myYue.html">
					     	<div class="ui-list-info">
					            <h4 class="ui-nowrap">我约的人</h4>
					        </div>
					    </li>
				</ul>
	    			
	    	
        </section>
        
       
      <script>
        (function (){
        	 document.body.addEventListener('touchstart', function () {  
             });  
        	 $(".ui-list li").tap(function(){
        		 window.location.href=$(this).attr("data-href");
        		 
        	 });
        	
        })();
        </script>
    </body>
</html>